<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .one{
            margin: auto;
            border: 10px blue solid;
            width: 700px;
            height: 600px;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url("../image/奖状.jpg");
        }
        .text{
            margin-top: 25%;
            margin-left: 22%;
        }
        .text .s1{
            text-decoration: underline;
            font-size: larger;
        }
        .text p{
            font-weight: 600;
            font-size: 20px;
        }
        .text span{
            display: inline-block;
            animation-name: span;
            animation-timing-function: linear;
            animation-duration: 2s;
            animation-iteration-count: infinite;
            animation-play-state: running;
        }
        .text .s2{
            text-shadow: 2px 2px 2px white;
            font-weight: 700;
            font-style: italic;
        }
        @keyframes span{
            0%{
                transform: translateY(0);
            }
            50%{
                transform: translateY(-10px);
            }
            100%{
                transform: translateY(0);
            }
        }
    </style>
</head>
<body>
    <div class="one">
        <div class="text">
            <p><span class="s1">某某人</span>同学：</p>
            <p style="margin-left: 40px;">在第五届中国程序员吐槽大会上，过关</p>
            <p>斩将，荣获大会<span class="s2">“一等大嘴奖”</span></p>
            <p style="margin-left: 40px;">特发此证，以此证明</p>
            <p style="margin-left: 140px;">中国程序员吐槽大会组委会</p>
            <p style="margin-left: 220px;">2025年12月6日</p>
        </div>
        
    </div>
    
    <div class="one">
        <div class="text">
            <p><span class="s1">某某人</span>同学：</p>
            <p style="margin-left: 40px;">在第五届中国程序员吐槽大会上，过关</p>
            <p>斩将，荣获大会<span class="s2">“二等大嘴奖”</span></p>
            <p style="margin-left: 40px;">特发此证，以此证明</p>
            <p style="margin-left: 140px;">中国程序员吐槽大会组委会</p>
            <p style="margin-left: 220px;">2025年12月6日</p>
        </div>
    </div>
    <div class="one">
        <div class="text">
            <p><span class="s1">某某人</span>同学：</p>
            <p style="margin-left: 40px;">在第五届中国程序员吐槽大会上，过关</p>
            <p>斩将，荣获大会<span class="s2">“三等大嘴奖”</span></p>
            <p style="margin-left: 40px;">特发此证，以此证明</p>
            <p style="margin-left: 140px;">中国程序员吐槽大会组委会</p>
            <p style="margin-left: 220px;">2025年12月6日</p>
        </div>
    </div>
</body>
</html>